<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 函数的上下文由调用方式决定 -->
    <!-- 同一个函数,用不同的方式调用则函数的上下文不同 -->
    <!-- 对象打点调用函数,函数中的this指代这个打点对象 -->
    <!-- 圆括号直接调用函数,函数中的的this指代windows对象 -->
    <!-- 类数组对象枚举出函数进行调用,上下文是这个数组 -->
    <!-- iife中的函数,上下文是window对象 -->
    <!-- 使用定时器延时器上下文是windows对象 -->
    <!-- 事件处理函数的上下文是绑定函数的上下文 -->
    <!-- new调用函数4步走: 1.创建{}空白对象 2,this指向当前空白对象 3.顺序执行程序 4.返回this即使没有return,上下文是秘密创建出来的对象 -->
</body>

</html>